
<jsp:include page="header.jsp" />

<div id="page-wrapper">

	<div class="container-fluid">
		<!-- Page Heading -->
		<div class="row">
			<div class="col-lg-12">
				<h1 class="page-header">MetaQue Bank</h1>
				<ol class="breadcrumb">
					<li class="active"><i class="fa fa-dashboard"></i> My Answers</li>
				</ol>
			</div>
		</div>
		<!-- /.row -->
		<div ng-app="">
			<div ng-controller="myAnswerController">
				<div>
					<div class="col-lg-10 col-lg-offset-1 col-md-3"
						ng-repeat="ansList in ansList">
						<div class="col-lg-10 col-lg-offset-1">
									<div class="panel panel-default">
										<div class="panel-heading ">
											<h3 class="panel-title">
												<i class="fa fa-quote-left"></i> <a href="javascript:;"
													data-toggle="collapse">

													{{ansList.qTitle}}<i class="fa fa-quote-right"></i>
											</h3>
											</a> <br>
										
											<div>
												<span class="badge text-left">Posted by : {{ansList.questionPostedBy}}</span>
											</div>
											<span>
											<div>
												<span class="text-left">My Answer : {{ansList.aBody}}</span>
										
												<span class="badge text-right col-sm-offset-9">Answered On : {{ansList.answeredDate}}</span>
											</div>
											</span>

										</div>
										
									</div>
								</div>
						</div>
						</div>
						</div>
						</div>
					</div>
					<!-- /.container-fluid -->

				</div>


				<script>
					function myAnswerController($scope, $http) {
						alert("hh");
						$http
						.get(
								"http://localhost:8080/MetaQBank/rest/answer/myAnswers")
						.success(function(response) {

							$scope.ansList = response;

						});


					}
				</script>